<template>
<!--  工作看板-->
  <div class="signboard-index">
    <module-title context="工作看板"/>
    <div class="signboard-body">
      <div class="signboard-table">


        <div class="signboard-table-item"
             v-for="item in options"
             :key="item.name">
          <div class="signboard-table-item-F">
            <span>{{item.name}}</span>
          </div>
          <div class="signboard-table-item-S">
            <span>{{item.value}}</span>
          </div>
          <div style="clear: both"></div>
        </div>

        <div style="clear: both"></div>
      </div>

    </div>
  </div>
</template>

<script>
import {client} from '@/utils/constant/userConst'
import {carriers} from '@/utils/constant/userConst'
import {driver} from '@/utils/constant/userConst'
import ModuleTitle from "@/components/title/ModuleTitle";

export default {
  name: "SignBoard",
  components: {
    ModuleTitle,

  },
  props: {
    identity: String,
  },
  data() {
    return {
      title: '',

      options: [],
    }
  },
  created() {

    this.init()
  },
  methods: {
    // 初始化资源
    async init() {

      // 初始化看板表格
      if(this.identity === 'client'){this.options = client}
      if(this.identity === 'carriers'){this.options = carriers}
      if(this.identity === 'driver'){this.options = driver}


    },

  },
}
</script>

<style scoped lang="scss">


.signboard-index {
  margin-left: 1%;
  width: 65%;

  .title {
    padding-left: 5px;
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
    text-align: left;
    width: 100%;
    background-color: #D3DCE6;
  }

  .signboard-body {
    width: 100%;
  }

  .signboard-table {
    margin-top: 5px;
    border: 1px #444444 solid;
    border-bottom: none;
    border-right: none;
  }

  .signboard-table-item {
    height: 40px;
    max-height: 40px;
    line-height: 40px;
    float: left;
    width: 50%;
    border-bottom: 1px #444444 solid;

    .signboard-table-item-F{
      float: left;
      width: 70%;
      border-right: 1px #444444 solid;
    }

    .signboard-table-item-S{
      float: left;
      width: 30%;
      border-right: 1px #444444 solid;
    }
  }


}

</style>